<!DOCTYPE html>
<html>
  <head>
    <title>ulli.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    This is my HTML page. <br>
    <table>
    <tr>
    <td>
    	<ul style="width: 600px"><!-- 竖向的CSS，li的宽度与ul的宽度一致 -->
    		<li style="width: 600px;float:left;">选项1</li>
    		<li style="width: 600px;float:left;">选项2</li>
    	</ul>
    </td>
    </tr>
    </table>
    
    <table>
    	<tr>
    		<td>
    			<ul style="width: 600px">
					<!-- 横向的CSS，li的宽度比ul的宽度小 -->
					<li style="width: 100px;float:left;">选项1</li>
					<li style="width: 100px;float:left;">选项2</li>
				</ul></td>
    	</tr>
    </table>
  </body>
</html>
